"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Example;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Example() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-page"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-container--base"
  }, /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    trigger: "hover",
    content: /*#__PURE__*/_react.default.createElement("div", null, "avatar1\uFF1A\u6211\u7684\u7BAD\u5934\u6CA1\u6709\u5BF9\u9F50\u4E2D\u5FC3")
  }, /*#__PURE__*/_react.default.createElement(_design.Avatar, {
    size: "primary",
    text: "Z",
    circle: true
  })), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    trigger: "hover",
    triangleAtCenter: true,
    content: /*#__PURE__*/_react.default.createElement("div", null, "avatar2\uFF1A\u6211\u8FD8\u662F\u5DE6\u4E0A\u5BF9\u9F50\uFF0C\u7BAD\u5934\u4E5F\u5BF9\u9F50\u4E86")
  }, /*#__PURE__*/_react.default.createElement(_design.Avatar, {
    size: "primary",
    text: "Z",
    circle: true
  }))));
}